/** @jsxImportSource @emotion/react */
import * as React from "react";
import {
  IconButton,
  IconX,
  useToast, InputPure, SuffixInput
} from "customize-easy-ui-component";

import {useContext} from "react";
import RoutingContext from "../routing/RoutingContext";
import {ChooseIdName} from "../comp/ChooseIdName";
import {ChooseUnit} from "../unit/ChooseUnit";
//import { createPath } from 'history';

/**关联对象，从大列表中选择一个对象的，可套用这个伪对话框模式。
 * */
interface ChooseDeviceProps {
    id?: string | undefined;
    name?: string | undefined;
    onCancel?: () => void;
    onDialog?: () => any;
    field: string;
    p1field?: string;
    autoFocus?: boolean;
}

/** 伪对话框的做法！ 两个独立路由页面的接力：搜索选择路由页面传递选中的取值给发起人的编辑器路由页面。这类似于就是redux+router全局状态管理。
 * 正常的 检验业务有任务的台账中的设备，应该都会有cod的，oid还不一定已经分配有(监察机构的oid)，【前提条件】 cod都应当分配完成。
 * 统一化处置： cod充当{id,name}中的name字段来做；显示名称=设备台账的cod编码。
*/
export const ChooseDevice= ({ field, ...other }:ChooseDeviceProps) =>
{
    //弹起来跳转页面 dialogUrl={`/unit/${id? id:''}`}
  return (
      <ChooseIdName field={field}
           dialogUrl={`/device`}
           {...other}
      />
  );
}

